<!-- Product List footer -->

</div>

</div>

<!-- Masonry Grid http://masonry.desandro.com -->
<script type="text/javascript">

$( document ).ready(function() {

var $container = $('.productlist').masonry({
  columnWidth: [Settings:classicitemwidth], // List item width - Can also use CSS width of first list item
  itemSelector: '.product',
  gutter: [Settings:classicitemgutter], // Set horizontal gap and include in calculations. Also used in CSS for vertical gap
  isOriginLeft: true, // Build from right to left if false
  isOriginTop: true, // Build from bottom to top if false
});

});

// Detect Touch Device
function isTouch() {
 return (('ontouchstart' in window)
      || (navigator.MaxTouchPoints > 0)
      || (navigator.msMaxTouchPoints > 0));
}

if (isTouch()) {
	$('.productimg').addClass("productimgtouch");
}

</script>